<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>商品详情</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <script src="__PUBLIC__/js/rem.js"></script> 
    <script src="__PUBLIC__/js/jquery.min.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/base.css"/>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/page.css"/>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/all.css"/>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/mui.min.css"/>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/slick/slick.css"/>

	<body>
		<div class="headertwo clearfloat" id="header">
			<a href="javascript:history.go(-1)" class="fl box-s"><i class="iconfont icon-arrow-l fl"></i></a>
			<p class="fl">商品详情</p>
		</div>
		
		<div class="clearfloat" id="main">		
			<div class="service clearfloat">
				<div class="slider one-time">
					<div>
						<img src="__PUBLIC__/Uploads/{$res[0].photo1}"  style="width: 100%;height: 250px;"/>
						<div class="tit clearfloat box-s">
							<p class="one">{$res[0].name}1</p>
						</div>
					</div>
					<div>
						<img src="__PUBLIC__/Uploads/{$res[0].photo2}"/>
						<div class="tit clearfloat box-s">
							<p class="one">{$res[0].name}2</p>
						</div>
					</div>
				</div>
			</div>		
			
			<div class="service-top clearfloat box-s">
				<div class="left fl clearfloat box-s">
					<p class="tit titwo">{$shopRes[0].name}</p>
					<p class="fu-tit">{$shopRes[0].phone}</p>
				</div>
				<div class="right fl clearfloat">
					<i class="iconfont icon-shoucang"></i>
					<p>{$shopRes[0].contacts}</p>
				</div>
			</div>
			
			
			<div class="service-ctent clearfloat">
				<div class="recom-tit clearfloat box-s">
		    		<p>商品简介</p>
		    	</div>
		    	<p class="tit box-s">
		    		{$res[0].synopsis}
		    	</p>
			</div>
			
			<div class="service-ctent clearfloat">
				<div class="recom-tit clearfloat box-s">
		    		<p>相似商品</p>
		    	</div>
		    	<div class="recom-xia clearfloat box-s">
			    	<volist name="goodsRes" id="vo" key="k">
			    		<div class="list clearfloat fl">
			    			<a href="__URL__/goods_more/id/{$vo.goods_id}">
				    			<div class="tu">
				    				<span></span>
				    				<img src="__PUBLIC__/Uploads/{$vo.photo1}"/>
				    			</div>
				    			<div class="bottom clearfloat">
				    				<div class="top clearfloat">
				    					<p class="biaoti">{$vo.name}</p>
				    				</div>
				    			</div>
			    			</a>
			    		</div>
			    	</volist>
		    	</div>
			</div>
			
		</div>
		
		
	</body>
	<script type="text/javascript" src="__PUBLIC__/js/jquery-1.8.3.min.js" ></script>
	<script type="text/javascript" src="__PUBLIC__/slick/slick.min.js" ></script>
	<script type="text/javascript" src="__PUBLIC__/js/jquery.leanModal.min.js"></script>
	<script type="text/javascript" src="__PUBLIC__/js/tchuang.js" ></script>
	<script type="text/javascript" src="__PUBLIC__/js/hmt.js" ></script>
	<script type="text/javascript">
		$('.one-time').slick({
		  dots: true,
		  infinite: false,
		  speed: 300,
		  slidesToShow: 1,
		  touchMove: false,
		  slidesToScroll: 1
		});
	</script>
	<!--分享js-->
	<script type="text/javascript">
		function toshare(){
			$(".am-share").addClass("am-modal-active");	
			if($(".sharebg").length>0){
				$(".sharebg").addClass("sharebg-active");
			}else{
				$("body").append('<div class="sharebg"></div>');
				$(".sharebg").addClass("sharebg-active");
			}
			$(".sharebg-active,.share_btn").click(function(){
				$(".am-share").removeClass("am-modal-active");	
				setTimeout(function(){
					$(".sharebg-active").removeClass("sharebg-active");	
					$(".sharebg").remove();	
				},300);
			})
		}	
	</script>
</html>
